iT邦幫忙

2024 iThome 鐵人賽

DAY 10
0
佛心分享-IT 人自學之術

努力成為資料記者:以國際議題為例系列 第 10

Day 10: 一個不太好的視覺化案例: NBC 新聞“Graphic: Tracking Biden’s topics during the State of the Union” (檢視篇)

  • 分享至 

  • xImage
  •  

       通常在資料視覺化的原則下,我們會認為一個好的資料視覺化案例,除了是圖要吸睛、好看以外,更重要的是能傳遞正確的資訊。而今日,在找尋資料新聞案例時,我發現到美國NBC網站上有一張資料視覺化圖像並不是那麼美觀,那就是“Graphic: Tracking Biden’s topics during the State of the Union” (圖表: 追蹤拜登在國情咨文中的話題)這篇新聞內容。

https://ithelp.ithome.com.tw/upload/images/20240820/20151873KngWcDtaoj.png
圖1: 來自NBC網站上的資訊圖表。這張圖原本是動圖,但因為本文是用截圖的方式處理圖照,因此若要查看原圖,可至以下網站: https://www.nbcnews.com/politics/live-updates-tracking-bidens-topics-state-union-rcna69465

這種圖的類型為「氣泡圖」,通常用於顯示數據的大小(如經濟數據或其他指標)以圓的面積來表示。這類圖表通常使用JavaScript的D3.js或Python的Matplotlib、Plotly來處理。而如果想用軟體而非程式語言,則可以使用Excel或Google Sheets、Canva、Infogram、PowerPoint或Google Data Studio等軟體來執行。

NBC雖然用了互動圖表的模式,讓讀者可以利用游標移動的位置,來看出拜登在演說時所關心的議題。而在橘色氣泡圖的下方,則輔以文字和數字說明他提到的話題以及他談論這些話題的時間。這樣的主題相當有趣與吸引人,就連國外許多媒體也很少使用這樣的素材來製成新聞。而這張圖的設計優點如下:

1.很直觀:能讓人了解經濟(Economy)最為突出,是拜登演講內容中的大重點。
2.設計簡潔:圖表沒有過多的裝飾,專注於資訊呈現。
3.顏色一致:顏色的統一使圖形看起來協調一致,避免了過多的色彩干擾。

https://ithelp.ithome.com.tw/upload/images/20240820/20151873GeowhrWSH6.png
圖2: 擷取NBC新聞資訊圖表圖,原圖可詳參: https://www.nbcnews.com/politics/live-updates-tracking-bidens-topics-state-union-rcna69465

但撇除上述的優點,其實或許大家會發現,這些氣泡的大小太過相近,因而難以讓人了解話題之間的差異。此外,還有一些地方是我認為待改進之處:

1.標籤位置:某些標籤(如Infrastructure)因位置原因可能會變得難以閱讀。
2.數據可讀性:可以考慮在每個圓圈內放置更清晰的標籤或者增加對應數據的輔助線,幫助讀者能更快理解。

因此在下一篇分享文章,我希望能修正一下這張圖表的呈現方式,希望能讓整體看起來更清楚、易讀。


上一篇
Day 9: 【仿作練習】使用Google Excel試算表做出德國資訊圖表新聞
下一篇
Day 11: 一個不太好的視覺化案例: NBC 新聞“Graphic: Tracking Biden’s topics during the State of the Union” (修改篇)
系列文
努力成為資料記者:以國際議題為例29
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言